import { Image } from "antd";
import LOGO2 from "assets/logo2.jpg";
import POSITION from "assets/position.png";
import TEL02 from "assets/tel02.png";
import EMAIL02 from "assets/email02.png";
import WEIBO from "assets/weibo.png";
import WECHAT from "assets/weChat.png";

function Footer() {
  return (
    <>
      <div id="footer">
        <div className="container content">
          <div className="top clearfix">
            <div className="information">
              <a className="logo" href="#">
                <Image src={LOGO2} alt="logo" />
              </a>
              <a href="#">
                <Image className="fixdSize" src={POSITION} alt="" />
                <span>中国上海市xxx区xxx路12号xx大厦5层5xx室</span>
              </a>
              <a href="#">
                <Image className="fixdSize" src={TEL02} alt="" />
                <span>400-000-xxxx (021)-12345678xx</span>
              </a>
              <a href="#">
                <Image className="fixdSize" src={EMAIL02} alt="" />
                <span>12345678@gmail.com</span>
              </a>
            </div>
            <div className="linkList">
              <div className="title">
                <h1 className="chinese">快速链接</h1>
              </div>
              <div className="list clearfix">
                <ul>
                  <li>
                    <a href="index"> 网站首页 </a>
                  </li>
                  <li>
                    <a href="productList"> 产品展示 </a>
                  </li>
                  <li>
                    <a href="onlineMessageLeave"> 在线留言 </a>
                  </li>
                </ul>
                <ul className="right">
                  <li>
                    <a href="aboutUs"> 关于我们</a>
                  </li>
                  <li>
                    <a href="newsUpdate"> 新闻动态</a>
                  </li>
                  <li>
                    <a href="contactUs"> 联系我们</a>
                  </li>
                </ul>
              </div>
            </div>
            <div className="innerSearch">
              <div className="title">
                <h1 className="chinese">站内搜索</h1>
              </div>
              <form
                className="search clearfix"
                action="https://www.jd.com"
                method="POST"
              >
                <input type="text" name="search" placeholder="请输入关键字" />
                <button type="submit">搜索</button>
              </form>
              <div className="attention">
                <span>关注我们</span>
                <a href="#">
                  <Image src={WEIBO} alt="weibo" />
                </a>
                <a href="#">
                  <Image src={WECHAT} alt="weChat" />
                </a>
              </div>
            </div>
          </div>
        </div>
        <div className="bottom">
          Copyright ? 2009-2011,www.xxxxxx.com,All rights reserved
          沪ICP备XXXXXX号 未经同意，不得转载
        </div>
      </div>
    </>
  );
}

export default Footer;
